<template>
  <el-icon class="trigger" @click="toggle">
    <Expand v-if="collapse" />
    <Fold v-else />
  </el-icon>
  <breadcrumb />
</template>
<script setup lang="ts">
import breadcrumb from '@/components/breadcrumb/breadcrumb.vue'
defineOptions({
  name: 'nav-header',
})
const props = defineProps<{
  collapse: boolean
}>()
const emits = defineEmits(['update:collapse'])

const toggle = () => {
  emits('update:collapse', !props.collapse)
}
</script>
<style lang="scss" scoped>
.trigger {
  font-size: 20px;
  cursor: pointer;
}
</style>
